import styled from 'styled-components'
export const AlbumInfoWrapper = styled.div`
  
`
export const ContentWrapper = styled.div`
  display:flex;
  .left{
    position: relative;
    width: 209px;
    height: 177px;
    .mask{
      background-position: 0 -986px;
      position:absolute;
      top:0;
      left:0;
      width: 209px;
      height: 177px;
    }
  }
  .right{
    margin-left:30px;
    .title{
      display:flex;
      .icon{
        width: 54px;
        height: 24px;
        background-position: 0 -186px;
        display:inline-block;
      }
      .name{
        font-size:20px;
        color:#333;
        margin-left:9px;
        margin-top:-2px;
      }
    }
    .artist{
      margin-top:10px;
      color:#666;
      .artist_name{
        color:#0C73C2;
      }
    }
    .publishtime{
      margin-top:5px;
      color:#666;
      margin-bottom:20px;
    }
  }
`

export const IntroWrapper = styled.div`
  margin-top:20px;
  .title{
    font-size:12px;
  }
  .content{
    /* height:150px; */
    height:${props => props.isShowAll ? 'auto':'50px' };
    overflow:hidden;  
    margin-top:20px;
    line-height: 25px;
    color: #666;
    white-space:pre-wrap;
    text-indent: 2em;
  }
  .btn{
    color:#0C73C2;
    float:right;
    cursor:pointer;
  }
`
